#MyCloud{
	width:100%;
	height:100%;
	background:#f7f7f7;

	header{
		position: relative;
	    width: 100%;
	    height: 34px;
	    line-height: 34px;
	    padding: 5px 0;
	    font-size: 16px;
	    background-color: #f60;
	    color: #fff;
	    text-align: center;
	    div{
	    	width:54px;
	    	height:33px;
	    	background:url("../../assets/img/m-public-icon.png") no-repeat 0 0;
	    	background-size:100px 65px;
	    	margin: 0 auto;
	    }
	}

	.head{
		width:100%;
		height:78px;
		background:#fff;
		border-bottom:1px solid #efefef;

		.userface{
			float:left;
			width:52px;
			height:52px;
			border-radius: 52px;
    		overflow: hidden;
    		margin-top:16px;
    		margin-left:10px;

		}

		.news{
			float:left;

			.person{
 				font-size: 16px;
 				margin-top:20px;
 				margin-left:10px;

 				.number{
 					font-size:12px;
 					color: #999;
 				}

			}
			.person-small{
				color: #999;
				font-size:12px;
				margin-top:1px;
				
				.star{
					margin-left:10px;
				    width: 13px;
				    height: 14px;
				    display:inline-block;
					background:url("../../assets/img/star.png") no-repeat 0px 2px;
					background-size: 102px auto;
				


				}

			
			}
		}

		.set{
			float:left;
			width: 16px;
    		height: 16px;
			background:url("../../assets/img/pic.png") no-repeat 0px -53px;
			position: absolute;
		    right: 17px;
		    top: 75px;
		    background-size: 20px auto;
		    display: block;

		}

	}
	.top-up{
		background:#fff;
		width:100%;
		height:60px;
		border-bottom:1px solid #efefef;

		.fortune{
			float:left;
			width:30%;
			height:60px;
			border-right:1px solid #efefef;

			.money{
				display: block;
			    font-size: 16px;
			    margin-bottom: 8px;
			    color: #f60;
			    font-style: normal;
			    text-align: center;
    			line-height: 11px;
    			padding-top: 15px;
			}

			.usable{
				display: block;
			    font-size: 12px;
			    margin-bottom: 8px;
			    color:#c1bbbb;
			    font-style: normal;
			    text-align: center;
    			line-height: 11px;
    			
			}
		}

		.rental{
			float:left;
			width:35%;
			height:60px;

			.money{
				display: block;
			    font-size: 16px;
			    margin-bottom: 8px;
			    color: #f60;
			    font-style: normal;
			    text-align: center;
    			line-height: 11px;
    			padding-top: 15px;
			}

			.usable{
				display: block;
			    font-size: 12px;
			    margin-bottom: 8px;
			    color:#c1bbbb;
			    font-style: normal;
			    text-align: center;
    			line-height: 11px;
    			
			}
			
		}
		.pay{
			float:left;
			width:34%;
			height:60px;
			
			.gopay{
				float:right;
				background: #f60;
				border-radius:5px;
				width: 82px;
			    height: 30px;
			    line-height: 30px;
			    display: block;
			    text-align: center;
			    color: #fff;
			    font-size: 14px;
			    margin-top: 15px;
			    text-decoration: none;
			    margin-right:10px;
			}
		}
	}
	
	.myrecord{
		margin-top:15px;
		width:100%;
		height:296px;
		

		.lists{
			display: block;
		    height: 48px;
		    line-height: 48px;
		    color: #666;
		    font-size: 16px;
		    padding: 0 10px 0 13px;
		    background-color: #fff;
		    position: relative;
		    border-bottom:1px solid #efefef;

		    .you{
		    	float: right;
			    background-position: 0 -70px;
			    width:30px;
			    height: 13px;
			    top: 18px;
			    display: block;
    			position: relative;
        		background:url("../../assets/img/pic.png") no-repeat 20px -185px;
        		background-size:20px auto;
        		

		    }

		    .jilu{
		    	background:url("../../assets/img/pic.png") no-repeat 0px 0px;
		    	background-size: 20px auto;
		    	height: 17px;
		    	float: left;
			    margin-right: 10px;
			    margin-left: 2px;
			    width: 17px;
			    display: block;
				position: relative;
				top: 16px;
		    }
		    .goods{
		    	background:url("../../assets/img/pic.png") no-repeat 0px -16px;
		    	background-size: 20px auto;
		    	height: 17px;
		    	float: left;
			    margin-right: 10px;
			    margin-left: 2px;
			    width: 17px;
			    display: block;
				position: relative;
				top: 16px;
		    }
		    .show{
		    	background:url("../../assets/img/pic.png") no-repeat 0px -203px;
		    	background-size: 20px auto;
		    	height: 17px;
		    	float: left;
			    margin-right: 10px;
			    margin-left: 2px;
			    width: 17px;
			    display: block;
				position: relative;
				top: 16px;
		    }
		    .purse{
		    	background:url("../../assets/img/pic.png") no-repeat 0px -222px;
		    	background-size: 20px auto;
		    	height: 17px;
		    	float: left;
			    margin-right: 10px;
			    margin-left: 2px;
			    width: 17px;
			    display: block;
				position: relative;
				top: 16px;
		    }

		}

		.lists-help{
			display: block;
		    height: 48px;
		    line-height: 48px;
		    color: #666;
		    font-size: 16px;
		    padding: 0 10px 0 13px;
		    background-color: #fff;
		    position: relative;
		    margin-top: 10px;
		    border-bottom:1px solid #efefef;

		    .help{
		    	background:url("../../assets/img/pic.png") no-repeat 0px -243px;
		    	background-size: 20px auto;
		    	height: 17px;
		    	float: left;
			    margin-right: 10px;
			    margin-left: 2px;
			    width: 17px;
			    display: block;
				position: relative;
				top: 16px;
		    }
		    .you{
		    	float: right;
			    background-position: 0 -70px;
			    width:30px;
			    height: 13px;
			    top: 18px;
			    display: block;
    			position: relative;
        		background:url("../../assets/img/pic.png") no-repeat 20px -185px;
        		background-size:20px auto;
        		

		    }
		
		}

		.tel{
			padding: 5px 0;
   			text-align: center;
   			font-size:12px;
   			color: #bbb;
		}
	}
}